@charset "utf-8";
@import url("icomoon.css");
*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body,ul,li{margin:0;padding:0;height:100%; font-size:13px; color:#555}
h1,h2,h3,h4,h5,h6,hr,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea{margin:0;padding:0;list-style:none;font-size:13px; color:#555; font-weight:normal}
em{ font-style:normal}
div,input,dl,dt,dd{-webkit-tap-highlight-color:rgba(255,255,255,0); display:inline-block; vertical-align:top}
input{font-size:12px;outline:0;display: inline-block;}
input[type=button]{cursor:pointer}
select{margin:0}
li{list-style:none}
img{display: inline-block; border:none}
a{text-decoration:none;color:#555;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout: none; -webkit-user-select: none;transition: all 0.2s;}
a:hover{ color:#e60000}
a,input,button,i{ outline:none; }
.comm-width{ width:1300px; margin:0 auto; float:none; display:block;}
.flex-wrap{ display: -webkit-box; display: -webkit-flex; display: flex; }
.flex-vertical{ -webkit-box-orient: vertical;-webkit-flex-flow: column;flex-flow: column;}
.flex-con,.menu ul li{ -webkit-box-flex: 1;-webkit-flex: 1; flex: 1;}
.fl{float: left;}
.fr{float: right;}

.banner,.bannerbox{width: 100%;}
.banner.index{margin-top: 0}
.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.banner .swiper-slide img,.bannerbox img{width: 100%}
.hotSearch{width: 100%;border-bottom: 1px #d5d5d5 solid;padding: 10px 0}
.hotSearch .comm-width{font-size: 0}
.hotWords{width: 75%;vertical-align: top;overflow: hidden;padding-right: 10px}
.hotWords dl{width: 100%;line-height: 30px; height: 30px;}
.hotWords dl dt{font-weight: bold;font-size: 13px}
.hotWords dl dd a{font-size: 13px;margin-right: 8px}
.search{width: 25%;vertical-align: top;}
.search form{width: 100%;font-size: 0}
.search form input{width: 85%;background: #f2f2f2;line-height: 30px; height: 30px;border: none;vertical-align: top;padding: 0 2%}
.search form #submit{border: none;background: #3a3a3a;width: 15%;height: 30px;text-align: center;cursor: pointer;}
.search form #submit:hover{background: #000}
.search form #submit:before{color: #fff;line-height: 30px;}
.product-center{width: 100%}
.comm-title{width: 100%;text-align: center;padding-top: 50px}
.comm-title h1{font-size: 34px;color: #000;font-weight: bold;}
.comm-title h1 span{color:#e60000}
.comm-title h2{padding-bottom: 10px;padding-top: 3px}
.comm-title i{color: #e60000;font-size: 12px}
.product-center{width: 100%;}
.product-center .advantage{width: 100%;padding-top: 140px;padding-bottom: 30px;vertical-align: top;}
.product-center .advantage h1{display: inline-block;clear: both;}
.product-center .advantage h1 b{font-size: 20px;border-bottom: 1px #bbb dotted;line-height: 40px;display: block;font-weight: normal;}
.product-center .advantage h1 i{width: 100%;border-bottom: 1px #bbb dotted;display: block;padding-top: 1px;font-size: 0}
.product-center .advantage h2{font-size: 44px;font-weight: bold;width: 100%;padding-top: 10px;color: #333}
.product-center .advantage h2 span{color:#e60000}
.product-center .advantage h3{display: inline-block;background:#e60000;color: #fff;padding: 0 30px 0 20px;font-size: 20px;line-height:45px;height:45px;margin-top: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;overflow: hidden;}
.product-center .advantage h3 i{font-size: 30px;line-height:44px;margin-right: 6px;vertical-align:bottom;}
.product-center .advantage h4{color: #999;padding-right: 50%;line-height: 20px;padding-top: 20px}
.product-center .advantage .fouth{width: 32%;font-size: 0;padding-top: 20px}
.product-center .advantage .fouth dl{width: 21.25%;border-right: 1px #ddd dotted;margin-right: 5%}
.product-center .advantage .fouth dl:last-child{border-right: none;margin-right: 0}
.product-center .advantage .fouth dl dt i{width: 65px; height: 38px;line-height: 30px;border-radius: 50%;display:block;text-align: center;font-size: 35px;transition: all .2s;cursor: pointer;}
.product-center .advantage .fouth dl.this dt i{color: #e60000}
.product-center .advantage .fouth dl dd{width: 65px;text-align: center;padding-top: 10px;display: block;}
.product-center .advantage .fouth dl.this dd{color: #e60000}
.product-center ul.cate{padding-top: 25px;font-size: 0;width: 100%}
.product-center ul.cate li{line-height:52px;border:#CCC 1px solid;text-align: center;width: 16.6%;display: inline-block;transition: all .2s; border-right:none;}
.product-center ul.cate li:last-child{margin-right: 0;border-right:#CCC 1px solid;}
.product-center ul.cate li.this{background: #e60000}
.product-center ul.cate li.this a{color: #fff;}
.product-center ul.cate li a{color: #000;display: block;font-size: 15px}
.product-center .content{width: 100%}
.product-center .subcate{width: 100%;font-size: 0;padding-top: 25px;padding-bottom: 15px;display: none;}
.product-center .subcate.show{display: block;}
.product-center .subcate .title{width: 20%;font-size: 18px;font-weight: bold;color:#e60000;line-height: 24px}
.product-center .subcate .title i{width: 24px; height: 24px;background: #e60000;border-radius: 2px;display: inline-block;text-align: center;line-height: 24px;color: #fff;margin-right: 10px}
.product-center .subcate .list-cate{width:80%;text-align: right;font-size: 12px;line-height: 24px;color: #aaa}
.product-center .subcate .list-cate a{font-size: 14px;line-height: 24px;margin: 0 6px;vertical-align: middle;}
.product-center .subcate .list-cate a:last-child{margin-right: 0}
.product-center .list-content{width: 100%;font-size: 0;padding-top: 40px;border-top: 1px #eee solid;margin-top: 20px}
.product-center .list-content dl{width: 23.5%;margin-right: 2%;border: 1px #eee solid;box-shadow: 0 1px 6px 0 rgba(0,0,0,0.1);margin-bottom: 30px;position: relative;}
.product-center .list-content dl:nth-child(4n){margin-right: 0}
.product-center .list-content dl > a{width: 100%; height: 100%;display: block;position: relative;}
.product-center .list-content dl > a dt{width: 100%;overflow: hidden;padding:10px;}
.product-center .list-content dl > a .cover{width: 100%; height: 100%;background:rgb(201,0,14,0.7);position:absolute;left: 0;top: 0;color: #fff;opacity: 0;z-index: 100;padding: 10%;transition: all .2s;text-align: center;line-height: 28px;font-size: 14px}
.product-center .list-content dl > a .cover i{width: 100%;display: block;font-size: 45px;padding: 66px;margin-top: 25px;transition: all .2s;}
.product-center .list-content dl.this > a .cover i{margin-top: 5px}
.product-center .list-content dl.this > a .cover{opacity:100}
.product-center .list-content dl > a dt img{width: 100%;transition: all .2s;}
.product-center .list-content dl.this > a dt img{transform:scale(1.04);}
.product-center .list-content dl dd {width: 100%;padding: 10px;border-top: 1px #eee solid;background:rgb(0,0,0,0.7);}
.product-center .list-content dl dd a{width: 100%;line-height:24px; color:#fff;}
.product-center .list-content dl dd a:after{line-height:24px;float: right;}
.product-center .list-content dl.this dd {background: #e60000;border-top-color: #e60000;}
.product-center .list-content dl.this dd a{color: #fff}
.product-center .list-content dl .rec{background:url(../images/rec.png) no-repeat; width: 63px; height: 74px;position: absolute;right: 8px; top: -4px;color: #fff;font-size:17px;font-weight: bold;text-align: center;padding: 11px 22px 0 24px;line-height: 20px; z-index: 101}
.product-center .list-content dl.this .rec{background-position: bottom;}

.process-center{width: 100%;background:url(../images/process_bg.jpg) no-repeat center center;padding: 20px 0;background-size: 100% auto;}
.process-center .comm-title h1{color: #fff}
.process-center .comm-title h2{color: #aaa}
.process-center .content{width: 100%;padding-top:50px;padding-bottom: 60px}
.process-center .content .item{width: 100%;font-size: 0;padding-left: 6%;vertical-align: top;}
.process-center .content .item dl{border-left: 1px #fff solid;padding-left: 25px;width: 28.4%}
.process-center .content .item dl dt{display: block;color: #fff;font-size: 25px}
.process-center .content .item dl dd{display: block;color: #fff;padding-top: 10px}
.process-center .content .item.last{text-align: right;padding-left: 4%}
.process-center .content .item.last dl{width: 28%}
.process-center .content .line{border-bottom: 1px #7e88a1 solid;width: 100%;margin-top: 5px;margin-bottom: 25px;font-size: 0;padding-left: 5.5%}
.process-center .content .line i{width: 18px; height: 18px;display: inline-block;margin-right: 12.7%;background: #fff;border: 3px #e60000 solid;border-radius: 50%;position: relative;top: 10px}
.process-center .content .item.last dl{text-align: left;}

.consulting{background:url(../images/consulting_bg.png) no-repeat center bottom; width: 100%; height: 220px;text-align: center;padding-top: 30px}
.consulting h1{font-size: 35px;color: #fff;font-weight: bold;padding-bottom: 15px}
.consulting h2{font-size: 18px;color: #fff;padding:5px 50px;border: 1px #666 solid;display: inline-block;}
.consulting p{color: #fff;padding-top:5px;line-height: 30px}
.consulting p i{margin-right: 5px;line-height: 30px;margin-left: 20px;color: #e60000;vertical-align:bottom;}
.consulting p i:first-child{margin-left: 0}
.advantage{width: 100%;padding: 60px 0}
.advantage .title{width: 100%;text-align: center;position: relative;}
.advantage .title > span{color: #eee;font-size: 80px;text-transform: uppercase;font-family: Arial;font-weight: bold;}
.advantage .title .text{width: 100%;text-align: center;position: absolute;left: 0;top:10px}
.advantage .title .text ul{width: 100%;font-size: 0;padding-left: 6%}
.advantage .title .text ul li{width: 50%;display: inline-block;vertical-align: top;}
.advantage .title .text ul li h1{width: 100%;text-align: right;font-size: 18px;line-height: 26px}
.advantage .title .text ul li h1 span{color: #e60000}
.advantage .title .text ul li h2{width: 100%;text-align: right;font-size: 34px;font-weight: bold;color: #333;line-height: 40px}
.advantage .title .text ul li h3{color: #e60000;font-size: 55px;font-weight: bold;text-align: left;padding-left: 20px;line-height: 65px}
.advantage .title .text ul li h3 i{font-size:130px;padding-right: 10px;font-family: impact;display: inline-block;vertical-align: middle;font-style: normal;}
.advantage .content{width: 100%;padding-top: 40px}
.advantage .content .fl{width:55%;padding-top: 30px}
.advantage .content .fr{width:45%;background: url(../images/reason01.jpg) no-repeat right top; height: 400px}
.advantage .content dl{width: 100%;margin-bottom: 60px;}
.advantage .content dl dt{background: url(../images/num_bg.png) no-repeat center top;width: 47px;height: 71px;text-align: center;font-size: 25px;color: #fff;font-family: impact;padding-top: 10px}
.advantage .content dl dt i{width:75%; height: 1px;background: #ff3030;display: block;clear: both;margin: 9px}
.advantage .content dl dd{padding-left: 20px;width: 90%}
.advantage .content dl dd h1{font-size: 25px;font-weight: bold;color: #444}
.advantage .content dl dd h1 span{color: #e60000;}
.advantage .content dl dd p{font-size: 12px;padding-top: 0;margin-top: 0;border-bottom: 1px #ddd dotted;padding-bottom: 10px}
.advantage .content dl dd ul{width: 100%;padding-top: 5px}
.advantage .content dl dd ul li{line-height: 26px;padding: 5px 0}
.advantage .content dl dd ul li i{line-height: 26px;margin-right: 4px;vertical-align: bottom;}
.advantage .content:last-child{padding-top: 0}
.advantage .content:last-child .fl{width:48%;background: url(../images/reason02.jpg) no-repeat left center; height: 450px}
.advantage .content:last-child .fr{width:52%;padding-top: 30px;background: no-repeat;}

/*.about-us{width: 100%;height: 680px;background: url(../images/about_bg.jpg) no-repeat center center #000; background-size: 100% auto;padding-top: 30px}
.about-us .comm-title h1{color: #fff}
.about-us .comm-title h2{color: #aaa}
.about-us .content{width: 100%;padding-top: 50px}
.about-us .content .fl{width:42%; height: 580px;background:url(../images/comp.jpg) no-repeat center top;background-size: 100% auto}
.about-us .content .fr{width: 58%;height: 400px;padding-left: 4%;padding-right: 4%;background: #fff;box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.1);}
.about-us .content .fr h1{font-size: 26px;font-weight: bold;color: #333;padding-top: 70px}
.about-us .content .fr p{padding-top: 0;margin-top: 0;padding-bottom: 10px}
.about-us .content .fr > i{width: 30px; height: 3px;background: #e60000; overflow: hidden;display: block;}
.about-us .content .fr span{padding: 30px 0;display: block;line-height: 25px;font-size: 14px}
.about-us .content .fr a{background: #e60000;color: #fff;font-size: 14px;padding: 0 25px;border-radius: 2px;display:inline-block;line-height: 30px}
.about-us .content .fr a:hover{background: #b10000}
.about-us .content .fr a i{display: inline-block;line-height: 30px;vertical-align: top;color: #fff;margin-left: 5px}
.about-us .page-content{width: 100%}
.about-us .page-content .page{width: 100%;position: relative;}
.about-us .page-content .page ul{padding: 50px 0;line-height: 35px;height: 380px;text-align: center;font-size: 0;position: absolute;left: -150px;top: 0;opacity: 0;width: 100%;z-index: 100;transition: all .2s;}
.about-us .page-content .page ul.this{opacity: 1;z-index: 101;left: 0;transition: all .2s;}
.about-us .page-content .page ul:first-child{padding-top: 20px}
.about-us .page-content .page ul p{color: #fff;font-size: 14px;text-align: center;padding: 0 8%;line-height: 30px}
.about-us .page-content .page ul p img{margin-bottom: 10px;border: 1px #999 solid;padding: 4px;}
.about-us .page-content .page ul > a{background: #e60000;color: #fff;font-size: 14px;padding: 0 25px;border-radius: 2px;display:inline-block;line-height: 28px;}
.about-us .page-content .page ul > a i{margin-left: 5px}
.about-us .page-content .page ul > a:hover{background: #b10000}
.about-us .page-content .page ul dl{width: 25%;padding: 0 10px}
.about-us .page-content .page ul dl a{background: #fff;width: 100%;padding: 8px;display: block;}
.about-us .page-content .page ul dl a dt{width: 100%;overflow: hidden;position: relative;}
.about-us .page-content .page ul dl a img{width: 100%;vertical-align: top;transition: all .2s;}
.about-us .page-content .page ul dl a dd{background: #fff;color: #333;width: 100%;transition: all .2s;}
.about-us .page-content .page ul dl a:hover{background: #e60000;}
.about-us .page-content .page ul dl a:hover img{transform: scale(1.05);}
.about-us .page-content .page ul dl a:hover dd{background: #e60000;color: #fff}
.about-us .page-content .page ul dl a dt i{width: 100%; height: 100%;display: block;position: absolute;left: 0;top: 0;text-align: center;color: #fff;font-size: 30px;line-height: 100px;transition: all .2s;visibility: hidden;opacity: 0}
.about-us .page-content .page ul dl a:hover dt i{line-height: 215px;background:rgb(0,0,0,0.7);visibility: visible;opacity: 1}

.about-us .page-content .line{width: 100%;background:url(../images/line.png) no-repeat center 8px;margin-top: 350px}
.about-us .page-content .line ul{width: 100%;padding: 0 32%;font-size: 0}
.about-us .page-content .line ul li{width: 33.33%;text-align: center;display: inline-block;cursor: pointer;}
.about-us .page-content .line ul li i{background:url(../images/circle.png) no-repeat center 3px;width: 17px; height: 17px;display:inline-block;clear: both;}
.about-us .page-content .line ul li.this i{background-position:bottom;}
.about-us .page-content .line ul li p{color: #fff;display:inline-block;clear: both;width: 100%}
.about-us .page-content .line ul li p span{display: inline-block;padding: 0 30px;line-height: 30px;border: 1px rgb(0,0,0,0) solid;border-radius: 18px;transition: all .2s;}
.about-us .page-content .line ul li p span:hover{border: 1px #fff solid;}
.about-us .page-content .line ul li.this p span{background:#e60000;border-radius: 18px;border-color: #e60000}*/

.about-us{width: 100%;height: 620px;background: url(../images/about_bg.jpg) no-repeat center -150px; background-size: 100% auto;padding-top: 30px}
.about-us .comm-title h1{color: #fff}
.about-us .comm-title h2{color: #aaa}
.about-us .content{width: 100%;padding-top: 50px}
.about-us .content .fl{width:42%; background-size: 100% auto}
.about-us .content .fr{width: 58%;height: 400px;padding-left: 4%;padding-right: 4%;background: #fff;box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.1);}
.about-us .content .fr h1{font-size: 26px;font-weight: bold;color: #333;padding-top: 70px}
.about-us .content .fr p{padding-top: 0;margin-top: 0;padding-bottom: 10px}
.about-us .content .fr > i{width: 30px; height: 3px;background: #e60000; overflow: hidden;display: block;}
.about-us .content .fr span{padding: 30px 0;display: block;line-height: 25px;font-size: 14px}
.about-us .content .fr a{background: #e60000;color: #fff;font-size: 14px;padding: 0 25px;border-radius: 2px;display:inline-block;line-height: 30px}
.about-us .content .fr a:hover{background: #b10000}
.about-us .content .fr a i{display: inline-block;line-height: 30px;vertical-align: top;color: #fff;margin-left: 5px}
.about-us .content .fl .swiper-button-next,.about-us .content .fl .swiper-button-prev{background: #fff;opacity:0.9;}
.about-us .content .fl .swiper-button-next:after,.about-us .content .fl .swiper-button-prev:after{font-size: 13px}
.about-us .content .fl .swiper-button-prev{left: 0}
.about-us .content .fl .swiper-button-next{right: 0}

.cooperation-case{width: 100%;padding-top: 40px; background:#efeff0; padding-bottom:40px;}
.cooperation-case .list{width: 100%;padding:13px 0;font-size: 0; height: 139px; background:#fff; margin-top:36px;}
.cooperation-case .list dl{width: 32%;margin-right: 2%; padding-left:3%}
.cooperation-case .list dl:nth-child(3n){margin-right: 0}
.cooperation-case .list dl a{width: 100%;display: block;position: relative;}
.cooperation-case .list dl a dt{width: 100%;overflow: hidden;}
.cooperation-case .list dl a > i{width:55px; height: 49px;background: url(../images/ico_heart.png) no-repeat center top;display: block;position:absolute;top: -5px; left: 12px;color: #fff;text-align: center;padding-top: 5px;font-size: 12px;line-height: 16px;z-index: 100}
.cooperation-case .list .caseimgsroll{ width: 100%;padding: 10px 0; }
.cooperation-case .list .swiper-pagination-bullet{width: 30px}
.cooperation-case .list dl a > i span{width: 100%;display: block;text-align: center;font-size: 12px}
.cooperation-case .list dl a dt img{width: 100%;vertical-align: top;transition: all .2s;}
.cooperation-case .list dl a:hover dt img{transform: scale(1.1);}
.cooperation-case .list dl a dd{width: 100%;background: #fff; height: 60px;overflow:hidden;display: block;border: 1px #eee solid;border-top: none;font-size: 0;padding: 0 3%}
.cooperation-case .list dl a dd h1{line-height: 60px;font-size:14px;width:72%;display: inline-block;overflow: hidden;vertical-align: middle;}
.cooperation-case .list dl a dd h2{width: 28%;display: inline-block;background: #e60000;color: #fff;text-align: center;vertical-align: middle;font-size: 12px;line-height: 26px;border-radius: 3px}
.cooperation-case .list dl a dd h2 i{margin-left: 3px;vertical-align:bottom;}
.cooperation-case .list dl a:hover dd h1{color: #e60000}
.cooperation-case .list dl a:hover dd h2{background: #ff0000}

.news-center{width: 100%;padding: 14px 0}
.news-center .content .displaynews{width: 100%;display: none;}
.news-center .content .displaynews:first-child{display: block;}
.news-center .list{width: 100%;padding-top: 40px}
.news-center .list .fl{width:100%}
.news-center .list .fl .title,.news-center .list .fr .title{width: 100%;border-bottom: 1px #eee solid}
.news-center .list .fl .title .fl a,.news-center .list .fr .title .fl a{color: #000;line-height:42px;padding: 0 60px;display: inline-block;font-size: 16px;font-weight: bold;cursor: pointer; border:#f1f1f1 1px solid;}
.news-center .list .fl .title .fl a.this,.news-center .list .fr .title .fl a.this{background:#e60000;cursor: auto; color:#fff;}
.news-center .list .title .fr a{line-height: 35px;}
.news-center .list .title .fr a i{width: 14px;height: 14px;border-radius: 50%;background: #333;color: #fff;margin-left: 3px;font-size: 12px;text-align: center;display: inline-block;line-height: 14px}
.news-center .list .title .fr a:hover i{background: #e60000}
.news-center .list .fl .content{width: 100%;font-size: 0;padding-top: 35px}
.news-center .list .fl .content .img{width: 40%;}
.news-center .list .fl .content .img a{position:relative;width: 90%;display: inline-block;}
.news-center .list .fl .content .img a img{width: 100%;height:468px;vertical-align: top;}
.news-center .list .fl .content .img a i{position: absolute;bottom: 0;left: 0;display: block;background:rgb(230,0,0,0.5);z-index: 100;color: #fff;font-size: 16px;font-style:normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;line-height: 40px;padding: 0 15px}
.news-center .list .fl .content .img a:hover i{background:rgb(250,0,0,0.7);}
.news-center .list .fl .content .info{width: 60%;}
.news-center .list .fl .content .info h1{font-size: 22px;color: #333;font-weight: bold;line-height:35px;height: 35px;overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;}
.news-center .list .fl .content .info > span {width: 100%;line-height: 25px;display: block;border-bottom: 1px #ddd dotted;padding-bottom: 22px;margin-top: 5px;margin-bottom: 8px}
.news-center .list .fl .content .info > span p{width: 100%;display: block;font-size: 13px;height: 50px;overflow: hidden;}
.news-center .list .fl .content .info > span a{background: #e60000;color: #fff;display: block;line-height: 28px;border-radius: 3px;margin-top: 10px;width: 120px;text-align: center;font-size: 13px}
.news-center .list .fl .content .info > span a:hover{background: #f00}
.news-center .list .fl .content .info ul{width: 100%;font-size: 0}
.news-center .list .fl .content .info ul li{width: 49%;display: inline-block;line-height: 30px; height: 30px;margin-right: 2%}
.news-center .list .fl .content .info ul li:nth-child(2n){margin-right: 0}
.news-center .list .fl .content .info ul li a{width: 85%;display:inline-block;vertical-align: top;height: 30px;overflow: hidden;font-size: 13px;white-space: nowrap;text-overflow: ellipsis;}
.news-center .list .fl .content .info ul li a:before{vertical-align:top; }
.news-center .list .fl .content .info ul li span{width: 15%;text-align: right;display: inline-block;vertical-align: top;font-size: 12px;color: #999;font-family:Arial}
.news-center .list > .fr{width: 22%}
.news-center .list .technology{width: 100%;padding:30px 0;background: #eee;position: relative;height:100%;}
.news-center .list .technology i{background: #eee;width: 3px;height: 100%;position: absolute;right:0;top: 0px;display: block;overflow: hidden;z-index: 101}
.news-center .list .technology .swiper-wrapper{font-size: 0;}
.news-center .list .technology .swiper-wrapper dl{padding: 0 20px;border-right: 1px #aaa dotted}
.news-center .list .technology .swiper-wrapper dl a dt{font-size:18px;color: #333;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 30px;height: 30px;width: 100%}
.news-center .list .technology .swiper-wrapper dl a:hover dt{color: #e60000}
.news-center .list .technology .swiper-wrapper dl a dd{width: 100%}
.news-center .list .technology .swiper-wrapper dl a dd p{width: 100%; height: 40px;line-height: 20px;overflow: hidden;}
.news-center .list .technology .swiper-wrapper dl a dd span{font-size: 12px;color: #999;font-family:Arial}
.news-center .question-list{width: 100%;padding-top: 40px}
.news-center .question-list dl{width: 100%;padding-bottom: 13px;margin-bottom: 14px;border-bottom: 1px #eee dotted}
.news-center .question-list dl a dt{line-height: 16px;margin-bottom: 11px;font-size: 15px;font-weight: bold;width: 100%;height: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.news-center .question-list dl a:hover dt{color: #e60000}
.news-center .question-list dl i{background: #e60000;color:#fff;width: 16px;height: 16px;line-height: 16px;display: inline-block;font-size: 12px;font-style: normal;font-family: Arial;text-align: center;margin-right: 5px;border-radius: 3px;vertical-align: top;}
.news-center .question-list dl dd i{background: #333;vertical-align:baseline;}
.news-center .question-list dl dd{line-height: 20px;height: 40px;overflow: hidden;}
.news-center .question-list dl:last-child{border-bottom: none;}
.friendlink{width: 100%;font-size: 0;background: #d60110;}
.friendlink .title{width: 13%;font-size: 15px;line-height: 70px}
.friendlink .title span{font: 30px "Impact";color: #cdcdcd;margin-right: 15px;line-height: 70px;vertical-align: top;}
.friendlink .links{width: 87%;font-size: 13px;padding:23px 0; line-height: 25px}
.friendlink .links a{font-size: 13px}

.left-part{width: 20%;padding-top: 30px}
.left-part .title{background: #e60000;padding: 20px 0;text-align: center;width: 100%;}
.left-part .title.magtop25{margin-top: 25px}
.left-part .title h1{color: #fff;font-size: 24px;font-weight: bold;}
.left-part .title h2{color: #fff;font-size: 14px;font-family:"arial"}
.left-part .list-menu{width: 100%;border: 1px #eee solid;border-top: none;padding-bottom: 20px}
.left-part .list-menu dl{width: 100%}
.left-part .list-menu dl dt{width: 100%;padding-top: 20px;padding-bottom: 5px}
.left-part .list-menu dl dt i{width: 5px;height: 20px;background: #e60000;display: inline-block;margin-right: 25px;overflow: hidden;vertical-align:text-bottom;}
.left-part .list-menu dl dt a{color: #000;font-weight: bold;font-size: 18px;line-height: 25px}
.left-part .list-menu dl dt a:hover,.left-part .list-menu dl dd a.on{color: #e60000}
.left-part .list-menu dl dd {width: 100%;padding: 0 15px;}
.left-part .list-menu dl dd a{border-bottom: 1px #ddd dotted;font-size: 0;width: 100%;display: block;}
.left-part .list-menu dl dd a span{width: 90%;padding-left: 15px;display:inline-block;font-size: 14px;line-height: 38px;}
.left-part .list-menu dl dd a i{width: 10%;display: inline-block;text-align: center;color: #aaa;line-height: 38px;}
.left-part .list-menu dl dd a:hover i{color: #e60000}
.left-part .leftnews{width: 100%;padding: 20px 15px;border: 1px #eee solid;border-top: none;}
.left-part .leftnews.magbottom25{margin-bottom: 25px}
.left-part .leftnews li { width: 100%; height: 40px; border-bottom: 1px #eee dotted;}
.left-part .leftnews li B { float: left; background: #9b9b99; width: 18px; text-align: center; color: #fff; font-weight: normal; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-indent: 0; padding: 0; line-height: 14px; margin-top: 13px;border-radius: 2px}
.left-part .leftnews li B.this { background: #e60000;}
.left-part .leftnews li a{ width: 210px; height: 40px; overflow: hidden; float: left; text-indent: 8px; line-height:40px;white-space: nowrap;text-overflow: ellipsis;}

.left-part .left-contact{width: 100%;padding: 20px;border: 1px #eee solid;border-top: none;margin-bottom: 20px}
.left-part .left-contact li{width: 100%;line-height: 30px;font-size: 13px}
.right-part{width: 80%;padding-left: 2%;padding-top: 30px;font-size: 0}
.right-part .local{width: 100%;line-height: 45px;border: 1px #eee solid;box-shadow: 0 1px 6px 0 rgba(0,0,0,0.1);font-size: 13px;padding: 0 15px}
.right-part .local i{font-size: 18px;line-height: 45px;vertical-align: bottom;}
.right-part .content{padding-top: 20px;width: 100%}
.right-part .content dl{width: 32%;margin-right: 2%;border: 1px #eee solid;box-shadow: 0 1px 6px 0 rgba(0,0,0,0.1);margin-bottom: 30px;position: relative;}
.right-part .content dl:nth-child(3n){margin-right: 0}
.right-part .content dl a dt{display: inline-block;overflow: hidden;padding-bottom: 40px}
.right-part .content dl a dt img{width: 100%;transition: all .2s;}
.right-part .content dl a:hover dt img{transform: scale(1.05);}
.right-part .content dl a dd{width: 100%;padding:  0 4%;height: 40px;overflow: hidden;border-top: 1px #eee solid;position: absolute;bottom: 0;left: 0;transition: all .2s;background: #fff}
.right-part .content dl a dd h1{font-size: 15px;line-height: 40px;height: 40px;width: 100%;}
.right-part .content dl a dd h2{width: 100%;line-height: 25px;height: 50px;overflow: hidden;}
.right-part .content dl a dd h3{background: #e60000;color: #fff;display: inline-block;padding: 5px 20px;border-radius: 2px;margin-top: 15px}
.right-part .content dl a dd h3:hover{background: #d00000}
.right-part .content dl a:hover dd{height: 170px;padding-top: 8px;background:rgba(255,255,255,0.9);}
.right-part .content dl a:hover dd h1{color: #e60000}
.right-part .content dl .rec{background:url(../images/rec.png) no-repeat; width: 63px; height: 74px;position: absolute;right: 8px; top: -4px;color: #fff;font-size:17px;font-weight: bold;text-align: center;padding: 11px 22px 0 24px;line-height: 20px; z-index: 101}
.right-part .content dl.this .rec{background-position: bottom;}
.right-part .pageNav{width: 100%;padding-bottom: 40px;font-size: 13px;text-align: right;}
.right-part .pageNav span,.right-part .pageNav a{display: inline-block;font-size: 13px;padding: 8px 14px;border: 1px #ddd solid;margin-right: 6px;border-radius: 2px}
.right-part .pageNav a:hover,.right-part .pageNav span.current{color: #fff;background: #e60000;border-color: #e60000}
.right-part .pageNav span.disabled{border-color: #ddd;color: #aaa}

.right-part .single-content{padding: 20px;width: 100%;font-size: 14px;line-height: 35px}
.right-part .single-content p{padding: 0;margin: 0}
.right-part ul.contact-info{ width:100%; padding-bottom:30px; padding-top:15px; font-size:0}
.right-part ul.contact-info li{ width:47%; line-height:30px; display:inline-block; font-size:13px; vertical-align:top}
.right-part ul.contact-info li:last-child{ width:53%}
.right-part #dituContent{border: #ccc 1px solid;width: 100%; height: 480px; }
.right-part #dituContent div{ display:block; font-size:14px; line-height:25px}

.right-part .sample-content{padding: 20px 0;width: 100%}
.right-part .sample-content dl{width: 32%;margin-right: 2%;text-align: center}
.right-part .sample-content dl:nth-child(3n){margin-right: 0}
.right-part .sample-content dl a{padding: 10px;border: 1px #eee solid;display: block;width: 100%;margin-bottom: 40px;box-shadow: 0 1px 12px 0 rgba(0,0,0,0.1);}
.right-part .sample-content dl a dt{width: 100%;height: 230px;overflow: hidden;}
.right-part .sample-content dl a dt img{width: 100%;height: 230px;transition: all .2s}
.right-part .sample-content dl a:hover dt img{transform: scale(1.05);}
.right-part .sample-content dl a dd{width: 100%;margin-top: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 30px;line-height: 30px}
.right-part .sample-content dl a:hover{border-color: #e60000}
.right-part .sample-content dl a:hover dd{color: #e60000}

.right-part .newslist{padding: 20px 0;width: 100%}
.right-part .newslist dl{width: 100%;font-size: 0;border-bottom: 1px #eee solid;padding: 20px;transition: all .2s;}
.right-part .newslist dl dt{width: 10%;background: #333;color: #fff;padding: 15px 0;border-radius: 3px}
.right-part .newslist dl dt b {width: 100%;display: block;font-size: 55px;text-align: center;font-family: Arial;}
.right-part .newslist dl dt em { width: 100%;display: block;font-style: normal;text-align: center;font-family: Arial;font-size: 15px;}
.right-part .newslist dl dd{width: 90%;padding-right: 3%;}
.right-part .newslist dl dd h1 {font-size: 20px;color: #111;line-height: 30px;width: 100%;overflow: hidden;height: 30px;font-weight: bold;}
.right-part .newslist dl dd h2{line-height: 25px;color: #aaa;font-size: 12px}
.right-part .newslist dl dd h2 i{display: inline-block;line-height: 27px;vertical-align:top;padding-right: 3px;color: #aaa;font-size: 12px}
.right-part .newslist dl dd h3{padding: 10px 0;line-height: 25px;}
.right-part .newslist dl a:hover dt{background: #e60000}
.right-part .newslist dl a:hover dd h1{color: #e60000}
.right-part .newslist dl dd h4{background: #e60000;color: #fff;display: inline-block;padding: 5px 20px;border-radius: 2px;margin-top: 5px}
.right-part .newslist dl a:hover dd h4{background: #d00000}
.right-part .newslist dl:hover{box-shadow: 0 1px 6px 0 rgba(0,0,0,0.1);}

.viewnewsinfo{width: 100%;padding: 20px}
.viewnewsinfo h1{ width:100%;font-size: 14px;line-height: 25px;color: #000}
.viewnewsinfo h1.n_title{ font-size:22px; text-align:center; border-bottom:1px #eee solid; line-height:60px; padding-bottom:15px}
.viewnewsinfo h1.n_pushtime{ color:#666; text-align:center; padding:18px 0}
.viewnewsinfo h1.n_pushtime a{ color:#666}
.viewnewsinfo h1.n_pushtime a:hover{ color:#f20}
#BodyLabel{font-size: 14px;line-height: 32px;width: 100%}
#BodyLabel h1{font-size: 18px;color: #e60000;margin-top: 20px}
#BodyLabel table{width: 100%}
#BodyLabel table tr td{padding: 4px 8px;font-size: 14px}
#BodyLabel table tr:nth-child(2n+1) td{background: #f0f0f0}
#BodyLabel table tr:first-child td{background: #333;color: #fff;font-size: 15px;font-weight: bold;}
.shareinfo{width: 100%;text-align: right;border-top: 1px #eee solid;padding-top: 20px;}
.shareinfo .texturl{color: #999;font-size: 13px;line-height:30px}
.shareinfo .texturl i{font-size: 13px;margin-right: 3px;line-height:30px}
.samenewslist{width: 100%}
.samenewslist .title{width: 100%;padding-top:30px;border-bottom: 1px #eee solid;}
.samenewslist .title h1{background: #e60000;color: #fff;padding: 8px 35px;display: inline-block;width: auto;font-size: 18px;vertical-align: top;}
.samenewslist ul{width: 100%;font-size: 0;padding-top: 20px}
.samenewslist ul li{width: 48%;margin-right: 4%;display: inline-block;vertical-align: top;line-height: 40px;border-bottom: 1px #eee dotted}
.samenewslist ul li:nth-child(2n){margin-right: 0}
.samenewslist ul li a{width: 90%;display: inline-block;}
.samenewslist ul li a.icon-chevrons-right:before{color: #aaa;margin-right: 3px;font-size: 13px}
.samenewslist ul li a.icon-chevrons-right:hover:before{color: #e60000}
.samenewslist ul li span{width: 10%;display: inline-block;text-align: right;color: #aaa;font-size: 12px}

/*产品详细页面　*/
.viewpinfo{ width:100%; padding:30px 0}
.detail_pic{ width:480px; float:left;}
.proviewbox {width:450px; float: left; position: relative; z-index: 5;}
.probigshow {padding: 1px; border: 1px solid #eee; width: 450px; position: relative;}
.probigshow a.a_probigshow {cursor: crosshair;}
.probigshow img{ border:0;width: 100%;vertical-align: top;}
.probigshow .zoom{ width:24px; height:24px; position:absolute; bottom:0; right:0; float:left; z-index:8;text-align: center;}
.zoomplepopup {background:#222; border: 1px solid #eee; left: 0px; top: 0px; overflow: hidden; display: none; filter: alpha(opacity = 50);-moz-opacity: 0.5;opacity: 0.5; position: absolute; z-index: 10; cursor: crosshair; opacity: 0.5;}
#winSelector{position: absolute;cursor: crosshair;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;background-color: #fff;border: 1px solid #ddd;z-index: 100}
#vertical #winSelector{width: 200px;height:200px;display: block; }
#vertical #midimg{width: 450px;height: 450px;}
#bigView{position: absolute; background:#eee; overflow:hidden; top:0px!important; float:left;border:1px solid #eee; z-index:1000}
#bigView img{position: absolute;}
#probig_preview {border: 1px solid #eee; left: 450px; top: 0; width: 450px; height: 450px; float:left; overflow: hidden; position: absolute;visibility: hidden;}
#probig_preview img {position: relative;}
.div_prothumb {width: 450px;position: relative;}
.thumbporbox {width: 405px; overflow: hidden; position: relative; margin-left:25px;display:inline-block;}
.div_prothumb .span_prev,.div_prothumb .span_next {width:30px; height:90px;position: absolute; float:left; top:11px;line-height: 90px;color: #aaa;font-size: 28px;text-align: center;}
.div_prothumb .span_prev {left: 0px; cursor:pointer}
.div_prothumb .span_prev:hover{color: #111;}
.div_prothumb .span_prevb,.div_prothumb .span_prevb:hover { color: #aaa;cursor: default;}
.div_prothumb .span_next {right: 0px;cursor:pointer}
.div_prothumb .span_next:hover {color: #111;}
.div_prothumb .span_nextb,.div_prothumb .span_nextb:hover {color: #aaa;cursor: default;}
.ul_prothumb {width: 7500px; overflow: hidden; position: relative;padding:12px 5px 0 10px;}
.ul_prothumb li {width: 99px; height:90px; float: left;}
.ul_prothumb img {padding: 2px; border:1px #eee solid ; width:88px; height:88px; cursor:pointer}
.ul_prothumb li#onlickImg img {border: 1px solid #fc9c04;}
.property{ width:480px; float:left; font-size:14px; color:#777; padding-left:20px;}
.property h1{ width:100%; font-size:20px; padding-top:3px; color:#e50000; display: block;}
.property h2{ width:100%;border-bottom:1px #eee dotted; padding-bottom:15px; padding-top:10px;display: block;}
.property ul.parameters{ width:100%; padding-top:20px;padding-bottom:15px}
.property ul.parameters li{ width:49%; line-height:40px; font-size:14px}
.property ul.parameters li.buy{ width:100%; padding:15px 0}
.property ul.parameters li.buy a{ cursor:pointer;background: #e60000;color: #fff;font-size: 20px;display: inline-block;padding: 2px 40px;border-radius: 2px}
.property .abstract{ width:100%; background:#eaeaea; padding:15px 4%; line-height:23px;margin-bottom: 20px}
.property .abstract b{ color:#aaa}
.prut_title{ width:100%; border-bottom:1px #eee solid; padding-top:20px}
.prut_title h1{ background:#e60000;text-align:center; font-size:18px; color:#fff;float: left;padding: 8px 35px}
.prut_title h2{ float:right; padding-right:10px; line-height:36px; height:36px; overflow:hidden}
.prut_title h2 b{ color:#f40; line-height:42px;float:left; padding-right:3px}
.bdsharebuttonbox span{ float:left; line-height:30px}
.sameprut{ width:100%; padding-top:3%;}
.sameprut ul{ width:100%;font-size: 0}
.sameprut ul li{ width:23.5%; text-align:center;margin-right: 2%;display: inline-block;vertical-align: top;}
.sameprut ul li:last-child{margin-right: 0}
.sameprut ul li a img{ width:100%; border:1px #eee solid;vertical-align: top;border-bottom: none;}
.sameprut ul li a:hover img{ border-color:#f90}
.sameprut ul li a span{ width:100%; height:40px; line-height:40px; overflow:hidden; padding:0 2%; background:#999; text-align:center; color:#fff;display:inline-block;overflow: hidden;}
.sameprut ul li a:hover span{ background:#e60000;color: #fff}

.goodsbuy{ width:100%; overflow:hidden}
.goodsbuy ul{ width:100%; padding:25px 3%}
.goodsbuy ul li{ width:100%; padding:8px 0; line-height:28px;display: inline-block;}
.goodsbuy ul li span{ width:160px; float:left; text-align:right; padding-right:15px}
.goodsbuy ul li input{ float:left; width:554px; height:28px; line-height:28px; border:1px #eee solid}
.goodsbuy ul li input.short{ width:250px}
.goodsbuy ul li textarea{ width:550px;border:1px #eee solid}
.goodsbuy ul li i{ float:left; padding-left:15px; color:#aaa;font-style: normal}
.goodsbuy ul li.textarea i{ padding-left:175px}
.goodsbuy ul li b{ color:#f40; padding-right:4px}
.goodsbuy ul li.button{ padding:10px 0; padding-left:175px}
.goodsbuy ul li.button input{ background:#e60000; line-height:30px; height:38px; width:120px; color:#fff; font-size:16px;cursor:pointer; margin-right:10px;border-radius:5px;}

.footer{background: #222;width:100%;font-size: 0}
.footer h1{font-size: 22px;color: #fff;font-weight: bold;}
.footer .quick-nav{width: 26%;height: 230px;border-right: 1px #3c3c3c solid;}
.footer .quick-nav ul,.footer .contact-add ul,.footer .contact-tel ul{width: 100%;font-size: 0;padding-top: 20px}
.footer .quick-nav ul li{width: 50%;display: inline-block;line-height:35px;height:35px}
.footer .quick-nav ul li a,.footer .contact-add ul li a{color: #bbb;font-size: 13px}
.footer .quick-nav ul li a:hover,.footer .contact-add ul li a:hover{color: #fff}
.footer .contact-add{width: 34%;height: 230px;border-right: 1px #3c3c3c solid;padding-left: 4%}
.footer .contact-add ul li i{font-size: 16px;margin-right: 5px;line-height: 30px;vertical-align:bottom;}
.footer .contact-add ul li,.footer .contact-tel ul li{width: 100%;color: #bbb;line-height:30px;height:30px;font-size: 13px}
.footer .contact-add ul li.iconfont:before,.footer .wechat li.iconfont:before{width: 22px;display: inline-block;}
.footer .contact-tel{width: 25%;height: 230px;border-right: 1px #3c3c3c solid;padding-left: 4%}
.footer .contact-tel ul li:first-child{font-size: 25px;font-family: "impact"}
.footer .contact-tel ul li img{vertical-align: text-bottom; margin-right: 5px}
.footer .wechat{width: 15%;padding-left: 4%}
.footer .wechat li{width: 100%;color: #fff;line-height: 30px;font-size: 13px;text-align: center;}
.footer .wechat img{width: 90%;transition: all .2s;}
.footer .wechat li:hover img{transform:rotateY(360deg)}
.footer .copyright{border-top: 1px #232b2f solid;width: 100%;line-height: 50px;color: #aaa;font-size: 13px;margin-top: 30px;text-align: center;}
.footer .copyright a{font-size: 13px;color: #aaa}
.footer .copyright a:hover{color: #fff}

/*底部固定*/
.bottomer{ width:100%; height:120px; background: rgba(0,0,0,0.8); position:fixed; bottom:0px; z-index:999;display: block;transition: all .2s;}
.bottomer.hidden{bottom: -120px;}
.bottomer .img{ vertical-align:middle; overflow:hidden;padding-top: 35px; margin-right:76px;}
.bottomer .img img{ vertical-align:middle;}
.bottomer .from{ padding-top: 25px; position:relative; margin-right:12px;}
.form_text {width: 80px;height:80px;background:#e60000;animation:scale 0.5s ease infinite;margin-top: 25px;margin-left: 5px;padding-top: 6px;padding-left: 6px}
.form_text a{background: #e60000;width: 68px; height: 68px;text-align:center;color: #fff;font-size:16px;display: block;padding-top: 9px}
@keyframes scale{
	0%{width:80px;height:80px;}
	100%{width:86px;height:86px;margin-top: 22px;margin-left: 2px;background:rgb(230,0,0,0.3);padding-top: 9px;padding-left: 9px;}
}
.form_text a:hover{background: #ff0000; }
:-moz-placeholder {color: #686868; position:relative }
::-moz-placeholder {color: #686868;}
input:-ms-input-placeholder {color: #686868;}
input::-webkit-input-placeholder {color: #686868;}
.bottom_r{ width:216px; float:right;margin-top: 23px; background:url(../images/bottom_tel.png) no-repeat top center; text-align:center;}
.bottom_r span{ display:block; font-size:15px; color:#fff;margin-top: 26px;}
.bottom_r p{ font-size:26px; color:#e60000; padding:0px;margin-top: 5px;font-family: impact}
.icon-x{ position:absolute;top:10px;right: 10px;width: 20px; height: 20px;color: #ddd;font-size: 20px}
ul.bottom_form{ margin:0px;}
ul.bottom_form li{ padding:0px; background:#fff;line-height: 35px;font-size: 18px;padding-left: 8px}
ul.bottom_form li input{ height:35px; line-height:35px; padding-left:5px;border:none; font-size:14px;}
ul.bottom_form li:nth-child(1){ width:232px; float:left;margin-bottom: 8px;margin-right: 12px; }
ul.bottom_form li:nth-child(2){ width:232px; float:left;}
ul.bottom_form li:nth-child(3){ width:476px; clear:both;}